import React, {useEffect} from 'react'

import { Helmet } from 'react-helmet'
import { Route, NavLink, useHistory} from 'react-router-dom';

import SignIn9 from '../components/sign-in9'
import './land.css'


const Land = (props) => {
    const history = useHistory();

useEffect( ()=>{
    let user_id = localStorage.getItem('user_id')
    if ( user_id ) {
        history.push('/home');
    };
},[])

  return (
    <div className="land-container">
      <Helmet>
        <title>Путешествие по Волгограду</title>
        <meta property="og:title" content="Путешествие по Волгограду" />
      </Helmet>
      <SignIn9 rootClassName="sign-in9-root-class-name"></SignIn9>
      <div className="land-container1">
        <img
          alt="image"
          src="/monument-birthplace-russia-volgograd-1500w.jpg"
          loading="lazy"
          className="land-image"
        />
        <h1 className="land-text">
          <br></br>
          <br></br>
        </h1>
        <NavLink to='/login'>
          <button type="submit" className="land-button thq-button-filled">
            <span className="land-text4 thq-body-small">Начни путешествие</span>
          </button>
        </NavLink>
        
      </div>
    </div>
  )
}

export default Land
